<!DOCTYPE html>
<html>
<head>
    <title></title>
    <script src="jquery-1.7.1.js"></script>
    <script src="base.js"></script>
    <script>
        var c = new Jxt.Component({
            name: 'c'
        });
        console.log(c);

        var bc = new Jxt.BoxComponent({
            name: 'bc'
        });
        console.log(bc);

        console.log(Jxt);

        //test observable and event
        var o = new Jxt.util.Observable();
        o.addListener('test', function (name, age) {
            console.log('test1');
            console.log(name);
            console.log(age);
            console.log(Object.prototype.toString.call(this));
        }, []);

        o.addListener('test', function (name, age) {
            console.log('test2');
            console.log(name);
            console.log(age);
            console.log(Object.prototype.toString.call(this));
        }, {});

        o.addListener('test', function (name, age) {
            console.log('test2');
            console.log(name);
            console.log(age);
            console.log(Object.prototype.toString.call(this));
        });

        o.fireEvent('test', 'ishow', 22);

        var c = new Jxt.Component();
        console.log(c);
        c.addListener('render', function () {
            console.log(this);
        });
        c.fireEvent('render');
	//test
    </script>
</head>
<body>

</body>
</html>
